<template>
	<view>
		<view class='title_rentalSerArea'>
			<text class='title_rentail'>租赁服务</text>
			<text class='subheading_rentail'>Rental services</text>
			<view class='border_bottom'></view>
		</view>
		<view class='con_rentalSerArea' @tap="enterBodyCarPro()">
			<view class='bodyCarriagepro'></view>
		</view>
	</view>
</template>

<script>
	export default {
			components: {},
			data() {
				return {}
			},
			onLoad() {},
			onShow() {},
			methods: {
				enterBodyCarPro(){
					var userPhone =uni.getStorageSync('userPhone');
					var userName =uni.getStorageSync('userName');
					console.log("userPhone"+userPhone);
					uni.navigateTo({
						url:'../bodyCarPro/bodyCarIndex/bodyCarIndex?userPhone='+userPhone
					})
				}
			},
			mounted(){}
			
		}
	
</script>

<style>
	.title_rentalSerArea{
		width:100%;
		height:auto;
		float:left;
		margin-top:20px;
		padding:3% 3%;
	}
	.title_rentail{
		width:94%;
		height:40px;
		float:left;
		margin-left:3%;
		line-height:40px;
		font-size:1.5em;
		color:#2a2a2a;
		
	}
	.subheading_rentail{
		width:94%;
		height:40px;
		float:left;
		margin-left:3%;
		line-height:40px;
		font-size:1em;
		color:#a9a9a9;
	}
	.border_bottom{
		width:50px;
		height:8px;
		float:left;
		margin-left:3%;
		background:#ed5555;
	}
	.con_rentalSerArea{
		width:94%;
		height:auto;
		float:left;
		margin-top:20px;
		padding:3% 3%;
	}
	.bodyCarriagepro{
		width:94%;
		height:244upx;
		float:left;
		margin-left:3%;
		border-radius:5px;
		background:url(../../static/rentalser_2x.png)no-repeat;
		background-size:100% 100%;
	}
</style>
